<?php 
	defined( '_JEXEC' ) or die( 'Restricted access' ); 
	jimport( 'joomla.methods' );
?>
<div id="content" style="padding-left:10px;padding-right:10px">
	<h2 class="contentheading"><?php echo JText::_('CREATEROUTEOFF_TITLE');?></h2>
	<div id="details_map" style="float:left; clear:both; width:100%">
		<div id="map_canvas" style="float: left; width: 75%; height: 400px; border: 1px solid black; margin-bottom:10px"></div>
		<div id="details" style="float:right; width:23%">
			<?php echo JText::_('CREATEROUTEOFF_DESCRIPTION');?>
			<div id="distanceTime" style="float:left;width:100%; display:none;padding-top:20px">
				<div style="float:left; width:100%">
					<p id="distanceInfo"><b><?php echo JText::_('CREATEROUTEOFF_DISTANCE');?></b> </p>
				</div>
				<div style="float:left; width: 100%">
					<p id="time"><b><?php echo JText::_('CREATEROUTEOFF_TIME');?></b> </p>
				</div>
			</div>
		</div>
	</div> 
	<span class="leading_separator">&nbsp;</span>
	<div id="datosRuta">
		<div id="elevacion" style="clear:left; width:100%; display:none; margin-top:5px">
			<h3 class="contentheading"><?php echo JText::_('CREATEROUTEOFF_ELEVATION');?></h3>
			<div id="elevation_chart" style="float:left;width:75%; height:150px; "></div>
			<span class="leading_separator">&nbsp;</span>
		</div>
		<div id="saveRoute" style="clear:left; width:100%; display:none">
			<div style="float:left; clear:left; width: 100%">
				<p id="savePar"><a href="" id="saveLink"><b><?php echo JText::_('CREATEROUTEOFF_SAVE');?></b></a> </p>
				<div id="saveForm" style="clear:left; width:100%; display:none">
					<?php echo $this->loadTemplate('saveRouteForm'); ?>
				</div>
			</div>
			<span class="leading_separator">&nbsp;</span>
		</div>
	</div>
</div>